<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../../../assets/css/normalize.css">
    <!-- 重置样式基础上补充的其他重置样式 -->
    <link rel="stylesheet" href="../../../assets/css/reset.css">
    <!-- 面向属性的样式 -->
    <link rel="stylesheet" href="../../../assets/css/property.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../../../assets/css/basic.css">
    <!-- 字体样式 -->
    <link rel="stylesheet" href="../../../icons/iconfont.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="./message.css">
</head>
<body>
    <!-- 头部个人资料 -->
    <header>
        <span class="iconfont icon-xiangzuo"></span>
        个人资料
    </header>
    <!-- 主体 -->
    <main>
        <!-- 更换头像 -->
        <div class="changeImage">
            <p class="change">更换头像</p>
            <span class="iconfont icon-xiangyou"></span>
            <div class="headPortrait">
                <span class="iconfont icon-tupian_huaban"></span>
                <img src="" alt="">
            </div>         
        </div>
        <div class="userName">
            <p>昵称</p>
            <div>
                <p class="text textName">用户名</p>
            </div>
        </div>
        <div class="userName">
            <p>性别</p>
            <div>
                <p class="text">男</p>
                <span class="iconfont icon-xiangyou"></span>
            </div>
        </div>
        <div class="userName">
            <p>生日</p>
            <div>
                <p class="text">2020-11-11</p>
                <span class="iconfont icon-xiangyou"></span>
            </div>
        </div>
        <div class="userName">
            <p>所在城市</p>
            <div>
                <p class="text">四川省 成都市</p>
                <span class="iconfont icon-xiangyou"></span>
            </div>
        </div>
        <div class="profile">
            <p>个人简介</p>
            <textarea name="" id="" cols="30" rows="10" placeholder="多行输入 0/140字"></textarea>
            <button>保存信息</button>
        </div>
    </main>


</body>
</html>